body {
    height: 100%
}
.picture {
    width: 100%;
    height: 700px;
    // background-image: url('https://cloud.axureshop.com/gsc/NQ0NLC/48/6b/eb/486bebf923f04b4c91e131e47e565f00/images/%E9%AB%98%E4%BF%9D%E7%9C%9F%E4%BA%A4%E4%BA%92%EF%BC%88h5_%E5%B0%8F%E7%A8%8B%E5%BA%8F%EF%BC%89/u371.jpg?token=fb7b3f9038b7d04fcbae8c170c809813b2c26e28b56d583391a93fdf3613e28f');
    background-repeat: no-repeat;
    background-size: 100% 700px;
    position: relative;
    color: white;
    border-top: black 1px solid;
    .btn{
        position: absolute;
        width: 70%;
        margin-left: 15%;
        bottom: 0;
        left: 0;
        color: white;
        font-weight: bold;
    }
    .at-segmented-control__item{
        color: white;
    }
    .XInfo {
        width: 90%;
        margin-left: 5%;
    }
}
.selContent {
    width: 100%;
    height: 700px;
    background-color: rgb(42, 42, 42);
    border-top: black 1px solid;
    .balckCont {
        width: 90%;
        height: 250px;
        margin-left: 5%;
        background-color: white;
        margin-top: 20px;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        .Imginfo>Image{
            width: 100px;
            height: 200px;
        }
        .InfoBox {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items:flex-start;
            font-size: 30px;
            font-weight: bold;
        }
        .moneyInfo {
            font-size: 30px;
            font-weight: bold;
            // display: flex;
            // flex-direction: column;
            .gm{
                border: 1px black solid;
                border-radius: 5px;
                padding: 10px 15px;
                // margin-bottom: -50px;
            }
        }
    }
}
.btnBox {
    width: 95%;
    margin-left: 5%;
    background-color: white;
    border-radius: 10px;
    margin-top: 10px;
    font-size: 30px;
    font-weight: bold;
    .btnImage {
        width: 100%;
        height: 300px;
    }
}
.btnBox1 {
    width: 95%;
    margin-left: 5%;
    background-color: white;
    border-radius: 10px;
    margin-top: 10px;
    font-size: 30px;
    font-weight: bold;
    .btnImage1 {
        width: 100%;
        height: 300px;
    }
}
.btnBox2 {
    width: 95%;
    margin-left: 5%;
    background-color: white;
    border-radius: 10px;
    margin-top: 10px;
    font-size: 30px;
    font-weight: bold;
    .btnImage2 {
        width: 100%;
        height: 300px;
    }
}
.btnBox3 {
    width: 95%;
    margin-left: 5%;
    background-color: white;
    border-radius: 10px;
    margin-top: 10px;
    font-size: 30px;
    font-weight: bold;
    .btnImage3 {
        width: 100%;
        height: 300px;
    }
}
.selContent1 {
    width: 100%;
    height: 700px;
    background-color: rgb(183,68,68);
    border-top: black 1px solid;
    .balckCont1 {
        width: 90%;
        height: 250px;
        margin-left: 5%;
        background-color: white;
        margin-top: 20px;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        .Imginfo1>Image{
            width: 100px;
            height: 200px;
        }
        .InfoBox1 {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items:flex-start;
            font-size: 30px;
            font-weight: bold;
        }
        .moneyInfo1 {
            font-size: 30px;
            font-weight: bold;
            // display: flex;
            // flex-direction: column;
            .gm1{
                border: 1px black solid;
                border-radius: 5px;
                padding: 10px 15px;
                // margin-bottom: -50px;
            }
        }
    }
}
.selContent2 {
    width: 100%;
    height: 700px;
    background-color: rgb(204,204,204);
    border-top: black 1px solid;
    .balckCont2 {
        width: 90%;
        height: 250px;
        margin-left: 5%;
        background-color: white;
        margin-top: 20px;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        .Imginfo2>Image{
            width: 100px;
            height: 200px;
        }
        .InfoBox2 {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items:flex-start;
            font-size: 30px;
            font-weight: bold;
        }
        .moneyInfo2 {
            font-size: 30px;
            font-weight: bold;
            // display: flex;
            // flex-direction: column;
            .gm2 {
                border: 1px black solid;
                border-radius: 5px;
                padding: 10px 15px;
                // margin-bottom: -50px;
            }
        }
    }
}
.selContent3 {
    width: 100%;
    height: 700px;
    background-color: rgb(141,127,117);
    border-top: black 1px solid;
    .balckCont3 {
        width: 90%;
        height: 250px;
        margin-left: 5%;
        background-color: white;
        margin-top: 20px;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        .Imginfo3>Image{
            width: 100px;
            height: 200px;
        }
        .InfoBox3 {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items:flex-start;
            font-size: 30px;
            font-weight: bold;
        }
        .moneyInfo3 {
            font-size: 30px;
            font-weight: bold;
            // display: flex;
            // flex-direction: column;
            .gm3 {
                border: 1px black solid;
                border-radius: 5px;
                padding: 10px 15px;
                // margin-bottom: -50px;
            }
        }
    }
}
